html {
    cursor: url('/assets/icons/wincursor.png'), default;
}

body {
    display: flex;
    justify-content: center;
    background-color: black;
}

button {
    border: 1px solid black;
    cursor: url('/assets/icons/wincursor.png'), default;
}

a, a:hover {
    cursor: url('/assets/icons/wincursor.png'), default;
}

#spacer {
    margin-top: 20vh;
}

#page {
    filter: drop-shadow(1px 0 0px white) drop-shadow(-1px 0 1px white) drop-shadow(0 1px 0px white) drop-shadow(0 -1px 0px white);
}

#icon {
    background-image: url('/assets/ethanmustdie.png');
    background-size: contain;
    position: relative;
    height: 150px;
    width: 150px;
    z-index: 5;
    border-radius: 10px;
    transform: rotate(-3deg);
}

#images {
    display: flex;
    flex-direction: column;
    align-items:end;
    width: 150px;
}

#images > img {
    position: absolute;
}

#rose {
    position: relative;
    z-index: 2;
    transform: translate(50px, -25px) rotate(-100deg);
}

#gun {
    position: relative;
    z-index: 0;
    transform: translate(-50px, -20px) rotate(-35deg);
    width: 200px;
}

#chainsaw {
   position: relative;
    z-index: 1; 
    transform: rotate(-55deg) scaleX(-1) translate(-20px, 0px);
    width: 300px;
}

.tabs {
    display: flex;
    align-items: center;
}

[role="tablist"] {
    position: relative;
    left: 35px;
    display: flex;
    flex-direction: column;
    z-index: 6;
    gap: 15px;
}

[role="tabpanel"] {
    position: relative;
    border: 1px solid black;
    width: 500px;
    top: 150px;
    right: 25px;
    z-index: 3;
    transform: rotate(2deg);
}

[role="tabpanel"] > .window > .title-bar {
    background: linear-gradient(
        to left,
        rgb(255, 145, 0),
        rgb(151, 67, 11)
    );
}

#content {
    padding: 0 0 0 25px;
    height: 250px;
    font-size: 15px;
}

.title-bar-text {
    padding-left: 25px;
}